import router from './router'
import { ElMessage } from 'element-plus'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth'
import { isHttp, isPathMatch } from '@/utils/validate'
import { isRelogin } from '@/utils/request'
import useUserStore from '@/store/modules/user'
import useSettingsStore from '@/store/modules/settings'
import usePermissionStore from '@/store/modules/permission'

NProgress.configure({ showSpinner: false })

const whiteList = ['/login', '/register']

const isWhiteList = (path) => {
  return whiteList.some((pattern) => isPathMatch(pattern, path))
}

router.beforeEach((to, from, next) => {
  NProgress.start()

  // 在免登录白名单，直接进入
  if (isWhiteList(to.path)) {
    // 在免登录白名单，直接进入
    next()
    return
  }

  // 没有token全部重定向到登录页
  if (!getToken()) {
    next(`/login?redirect=${to.fullPath}`)
    NProgress.done()
    return
  }

  /* has token*/
  to.meta.title && useSettingsStore().setTitle(to.meta.title)
  if (to.path === '/login') {
    next({ path: '/' })
    NProgress.done()
    return
  }

  // 已获取用户信息
  if (useUserStore().roles.length !== 0) {
    next()
    return
  }

  if (useUserStore().roles.length === 0) {
    isRelogin.show = true

    // 判断当前用户是否已拉取完user_info信息
    useUserStore()
      .getInfo()
      .then(() => {
        isRelogin.show = false
        usePermissionStore()
          .generateRoutes()
          .then((accessRoutes) => {
            // 根据roles权限生成可访问的路由表
            accessRoutes.forEach((route) => {
              if (!isHttp(route.path)) {
                // 动态添加可访问路由表
                router.addRoute(route)
              }
            })

            // hack方法 确保addRoutes已完成
            next({ ...to, replace: true })
          })
      })
      .catch((err) => {
        useUserStore()
          .logOut()
          .then(() => {
            ElMessage.error(err)
            next({ path: '/' })
          })
      })
  }
})

router.afterEach(() => {
  NProgress.done()
})
